<style>
    .form-wrapper {
        width: 300px;
        background-color: #ccc;
        padding: 20px;
        margin: 0 auto;
    }
    
    .form-wrapper>h2 {
        margin-bottom: 10px;
        text-align: center;
    }
    
    .form-wrapper section {
        margin-bottom: 10px;
    }
    
    .form-wrapper label {
        display: block;
    }
    
    .form-wrapper>form span {
        width: 100px;
        text-align: center;
        display: inline-block;
        text-align: right;
    }
    
    .submit-button {
        text-align: right;
    }
    
    .submit-button>input {
        width: 80px;
        height: 30px;
        outline: none;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        background-color: blue;
        color: #fff;
        font-size: 18px;
    }
</style>

<div class="form-wrapper">
    <h2>sing up</h2>
    <form action="/ajax/login" method="POST">
        <section>
            <label>
           <span>
           name:
           </span> 
            <input type="text" id="name" name="name">
       </label>
        </section>
        <section>
            <label>
           <span>
             password:
           </span> 
            <input type="text" id="password" name="password">
       </label>
        </section>
        <section class="submit-button">
            <input type="submit" value="login">
        </section>
    </form>
</div>